<template lang="html">
	<div>
		<QuestionComp title="移动端" :data="qArr"></QuestionComp>
	</div>
</template>

<script lang="js">
  import QuestionComp from '../components/Q.vue'
  export default  {
    name: 'mobile',
    props: [],
    mounted() {
		
    },
    data() {
      return {
		qArr:["在移动端，`单击穿透`是什么？",
			"如何实现`自适应`布局？",
			"如何解决`android`浏览器查看`背景图片模糊`的问题？",
			"如何解决`长时间按住页面出现闪退`的问题？",
			"如何解决iPhone及iPad下输入框默认`内阴影`问题？",
			"在iOS和android下，如何实现触摸元素时出现`半透明灰色遮罩`？",
			"在旋转屏幕时，如何解决字体大小自动调整的问题？",
			"如何解决`android手机圆角失效`问题？",
			"如何解决iOS和input键盘事件`keyup失效`的问题？",
			"如何解决iOS设置中input按钮样式会被默认样式覆盖的问题？",
			"如何解决通过transform进行skew变形、rotate旋转会出现锯齿现象的问题？",
			"如何解决`移动端click事件有300ms延迟`的问题？",
			"在iOS中，以中文输入法输入英文时，如何解决字母之间可能会出现的问题？",
			"如何解决`移动端HTML5音频标签audio的autoplay属性失效`的问题？",
			"如何解决移动端HTML5中date类型的input标签不支持placeholder属性的问题？",
			"如何通过HTML5调用android和iOS的拨号功能？",
			"如何解决`上下拖动滚动条时的卡顿`的问题？",
			"如何禁止复制或选中文本？",
			"如何解决android手机的默认浏览器不支持websocket的问题？",
			"说说你所知道的`移动端响应式适配`的方法"]
      }
    },
    methods: {

    },
    computed: {
		
	},
	components:{
		QuestionComp
	}
}
</script>

<style scoped lang="less">
.my-invitee {

}
.tips{
  padding:20px 10px 0;
  text-indent: 2em;
  color:#f44336;
}
.jifen{
  font-weight: 700;
  color:#f44336;
}
.jifen-btn-box{
  padding-top:20px;
  text-align: center;
}
.jifen-btn-box>a:nth-of-type(1){
  position: relative;
  right:2px;
}
.jifen-btn-box>a:last-child{
  position: relative;
  left:2px;
}
.line-box{
  overflow: hidden;
  width:100%;
}
.book-list li{
  padding: 15px 0 15px;
  border-bottom: 1px solid #eee;
}
.book-list li:first-child{
  padding-top:0;
}
.book-list li:last-child{
  border-bottom: none;
}
.book-list li h3{
  font-weight: normal;
}
.income-box{
  padding:20px 0 0 0;
  min-height: 80px;
}
.income-box{
  display: flex;
}
.income-box .first{
  justify-content: space-around;
  text-align: center;
}
.income-box .first:first-child{
  width:120px;
}
.income-box .item{
  flex:1;
}
.income-box .first>p:first-child{
  font-size:18px;
  color:#e65100;
}
.income-box .first>p:last-child{
  color:#212121;
  font-size:12px;
}
.title-item{
	padding-left: 5px;
}
</style>
